<template>
    <div class="fluid">
        <!-- <img src="../../assets/img/agent/1.png" alt="" width="100%"> -->
        <div class="introduce">
            <dl>
                <dt>渠道代理商火热招募中</dt>
                <dd><img src="../../assets/img/agent/2.png" alt=""><span>专业的广告和流量代理平台，全面提高代理商盈利空间</span></dd>
                <dd><img src="../../assets/img/agent/2.png" alt=""><span>已与20万+优质移动APP资源达成战略合作伙伴关系</span></dd>
                <dd><img src="../../assets/img/agent/2.png" alt=""><span>90万+行业知名自媒体红人大V都在这里</span></dd>
            </dl>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.fluid{
    width:100%;
    height: 574px;
    position: relative;
    background: url('../../assets/img/agent/1.png') center;
}


.introduce {
    position: absolute;
    /*top: 200px;*/
    /*left: 1100px;*/
    top: 36%;
    left: 63%;
}

dl {
    width: 500px;
}
dt,dd {
    width: 100%;
}
dt {
    font-size: 32px;
    margin-bottom: 20px;
}
dd {
    margin: 10px 0;
    line-height: 30px;
}
.introduce img {
    vertical-align: -8%;
}
.introduce span {
    font-size: 16px;
    padding-left: 10px;
}
</style>